<ion-view title="问卷类详情" >
    <ion-content >
        <ion-list >
            <ion-item class="item-thumbnail-left" >
                <img src="img/avat3.jpg">
                <h2>问卷类调查</h2>
                <p>活动描述内容简单介绍文字</p>
                <p>报名时间：2016-09-30 15:00</p>
                <span class="lb rtop bgc-red-400">已结束</span>
            </ion-item>
        </ion-list>

        <!-- <h4 class="title">问卷调查</h4> -->
        <ion-list>
            <ion-item class="item-divider">
                你常用的前端框架是什么？
            </ion-item>
            <ion-radio ng-repeat="item in radioList" 
                     ng-model="data.clientSide" 
                     ng-value="item.value">
                 <div class="row nopadding">
                    <div class="col">{{item.text}}</div>
                    <div class="col">
                        <div class="progress ml"><div class="progress-bar {{item.bg}}" style="width:{{item.width}}%"></div></div>
                    </div>
                    <div class="col">
                        {{item.width}}%
                    </div>
                 </div>
            </ion-radio>
        	<ion-item class="item-divider">
				你常用的前端框架是什么？
        	</ion-item>
			<ion-radio ng-repeat="item in radioList" 
	                 ng-model="data.clientSide" 
	                 ng-value="item.value">
	             <div class="row nopadding">
	             	<div class="col">{{item.text}}</div>
	             	<div class="col">
	             		<div class="progress ml"><div class="progress-bar {{item.bg}}" style="width:{{item.width}}%"></div></div>
	             	</div>
	             	<div class="col">
	             		{{item.width}}%
	             	</div>
	             </div>
	        </ion-radio>
        </ion-list>

    </ion-content>
</ion-view>